/**
 * DOM 操作封装
 */

//获取单个DOM节点
function getEle(selector) {
    return document.querySelector(selector)
}

//获取多个DOM节点
function getEles(selector) {
    return document.querySelectorAll(selector)
}

//封装文档加载事件
/* 
    区别:
        load: 让所有资源加载完成后,才能执行js代码
        DOMContentLoaded: 只要DOM加载完成后,就可以执行js代码
*/
function ready(callback) {
    window.addEventListener('DOMContentLoaded', function () {
        //当前页面的具体功能
        callback();//把 使用时function中的功能全部执行到这个位置
    })
}


//导出
module.exports = {
    getEle,
    getEles,
    ready
}

